<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- header顶部 -->
    <header>
        <section class="head-con">
            <ul class="head-l">
                <li><a href="#">手机版</a></li>
                <li><a href="#" class="border-n">Q币充值</a></li>
            </ul>

            <ul class="head-r">
                <li><a href="http://localhost:8080/login.html" target="_blank">您还未登录，请登录</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#" class="r-last">游戏导航</a></li>
            </ul>
        </section>
    </header>

    <!-- search -->
    <div class="search" id="blk_nav_search">
        <div class="searchbox clearfix">
            <div class="logobox fl">
                <a title="道聚城" class="navico logo-djc" href="http://localhost:8080/index.html" target="_blank">道聚城</a>
            </div>
            <div class="sbar fl">
                <div class="navico stext">
                    <a class="navico sbtn" id="btn_nav_search_submit">搜索</a>
                    <input class="js_btn_click_report" id="inpt_nav_search_name" type="text" placeholder="输入道具进行搜索" report_tag="mall.lol.index.categories_new" attr_default="输入道具进行搜索">
                    <div class="keyword-list hide" id="blk_nav_search_keywordlist"></div>
                    <!--  -->
                    <script id="tmpl_nav_search_keywordlist" type="tmpl/text">
                    </script>
                    <!--  -->
                </div>
            </div>
            <div class="logogame fl">
                <a title="英雄联盟" class="navico logo-lol" href="//lol.qq.com/" target="_blank">英雄联盟</a>
            </div>
        </div>
    </div>

    <!-- nav -->
    <div class="nav" id="blk_nav_menu">
        <div class="navico navwrap clearfix">           
            <ul class="fl clearfix" style="overflow:hidden;">
            	<li class="navico">
                    <a class="js_btn_click_report" href="http://localhost:8080/index.html" target="_blank">首页</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/lol/list/shoppinglist.shtml?ADTAG=innercop.lol.SY.shoppinglist_new">商品列表</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/actcenter.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.actlist_new" target="_blank">活动专区</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="//daoju.qq.com/mall/tao.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.tao_new" target="_blank">限时折扣</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/judou.shtml?sBizCode=lol" target="_blank">聚豆乐园</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="//mall.qq.com/lol/?e_code=305545&amp;ADTAG=innercop.lol.SY.zhoubian" target="_blank">周边商城</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/center.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.center_new" target="_blank">个人中心</a>
                </li>
            </ul>
            <div class="fr nav-cart">
                <a title="购物车" class="btn-cart" href="http://localhost:8080/shopping.html" target="_blank">
                    <i id="cartNum">（0）</i>
                    <s class="navico i-cart"></s>购物车
                </a>                
            </div>
        </div>       
    </div>

    <!-- 面包屑 -->
    <div class="location-box clearfix">
        <div class="fl">您现在的位置：<a href="/lol">英雄联盟</a>&nbsp;&gt;&nbsp;<a class="loccur" href="/lol/list/shoppinglist.shtml">全部商品</a>&nbsp;&gt;&nbsp;道具详情</div>
    </div>

    <!-- 内容 -->
    <div class="layout mainer clearfix">
        <div class="sidebar fl">
            <!-- 看了该商品的用户还看了 -->
            <div class="sbcont" id="mod_detail_left_other">
                <h3>看了该商品的用户还看了<span class="green-line"></span></h3>
                <ul class="viewbuy-box clearfix" id="blk_detail_left_other">              <li>
                    <a class="rank-link clearfix" href="2014.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="星界游神 巴德" src="https://game.gtimg.cn/images/daoju/wx/lol/432_190.jpg">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">星界游神 巴德</p>
                            <p class="djprice">Q币价：35.00 Q币</p>
                            <p class="djcpri">微信价：<strong>￥33.95 </strong></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="rank-link clearfix" href="11735.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="废土男爵 兰博" src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/2-68004-9.jpg?_t=1523520433">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">废土男爵 兰博</p>
                            <p class="djprice">Q币价：79.00 Q币</p>
                            <p class="djcpri">微信价：<strong>￥76.63 </strong></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="rank-link clearfix" href="23981.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="灵魂莲华 薇恩 月升之时" src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/2-67022-.jpg?_t=1595330777">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">灵魂莲华 薇恩 月升之时</p>
                            <p class="djprice">Q币价：20.00 Q币</p>
                            <p class="djcpri">微信价：<strong>￥19.40 </strong></p>
                        </div>
                    </a>
                </li>
     </ul>
            </div>
            <!-- 猜你喜欢 -->
            <div class="sbcont mt10" id="mod_detail_left_recommend">
                <h3>猜你喜欢<span class="green-line"></span></h3>
                <ul class="viewbuy-box clearfix" id="blk_detail_left_recommend">              <li>
                    <a class="rank-link clearfix" href="954.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="皮城女警 凯特琳" src="https://game.gtimg.cn/images/daoju/dbm/lol/1_51.jpg">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">皮城女警 凯特琳</p>
                            <p class="djprice">Q币价：30.00 Q币</p>
                            <p class="djcpri">微信价：<strong>￥29.10 </strong></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="rank-link clearfix" href="23962.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="含羞蓓蕾 莉莉娅" src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/1-876-.jpg?_t=1595322177">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">含羞蓓蕾 莉莉娅</p>
                            <p class="djprice">Q币价：45.00 Q币</p>
                            <p class="djcpri">微信价：<strong>￥43.65 </strong></p>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="rank-link clearfix" href="24002.shtml?ADTAG=media.free.recommend_new.LOL&amp;algorithm=" target="_self">
                        <div class="djimg fl">
                            <img width="76" height="76" alt="灵魂莲华 提莫 绽灵版" src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/2-17025-.jpg?_t=1595383537">
                        </div>
                        <div class="djinfo fr">
                            <p class="djname">灵魂莲华 提莫 绽灵版</p>
                            <p class="djprice">Q币价：116.50 Q币</p>
                            <p class="djcpri">微信价：<strong>￥113.00 </strong></p>
                        </div>
                    </a>
                </li>
     </ul>
            </div>
    
            <!--周边商城-->
            <div class="sbcont mt10">
                <h3>周边商城<span class="green-line"></span></h3>
                <ul class="zbcont clearfix" id="blk_detail_zb_list">                  
                    <li targetid="6575">
                        <a class="prod-link" href="javascript:;" target="_blank">
                            <div class="prodimg">
                                <img width="76" height="76" alt="奥德赛机组鼠标垫" src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181015134054_96848.jpg">
                            </div>
                            <div class="prodinfo">
                                <p class="prodname">奥德赛机组鼠标垫</p>
                                <p class="prodpri"><strong>￥108.00</strong></p>
                            </div>
                        </a>
                    </li>
                    <li targetid="12372">
                        <a class="prod-link" href="javascript:;" target="_blank">
                            <div class="prodimg">
                                <img width="76" height="76" alt="True Damage 迷你手办套装" src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201911/20191110114539_25606.jpg">
                            </div>
                            <div class="prodinfo">
                                <p class="prodname">True Damage 迷你手办套装</p>
                                <p class="prodpri"><strong>￥220.00</strong></p>
                            </div>
                        </a>
                    </li>
                    <li targetid="10156">
                        <a class="prod-link" href="javascript:;" target="_blank">
                            <div class="prodimg">
                                <img width="76" height="76" alt="黑暗使者 亚索 中型雕塑" src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201908/20190829011251_11670.jpg">
                            </div>
                            <div class="prodinfo">
                                <p class="prodname">黑暗使者 亚索 中型雕塑</p>
                                <p class="prodpri"><strong>￥510.00</strong></p>
                            </div>
                        </a>
                    </li>
     </ul>
                <div class="morebox clearfix">
                    <a title="更多" class="fr prod-more" href="//mall.qq.com/lol/?ADTAG=innercop.lol.SY.zhoubian" target="_blank">更多&gt;</a>
                </div>
            </div>
            
        </div>
    
        <div class="maincont fr">
            <!-- 商品信息栏 -->
            <div class="goodsbox">
                <div class="clearfix">
                    
                    <div class="djinfobox clearfix" id="blk_detail_info">                     
                        <div class="goods-img fl">
                            <!-- 放大镜 -->
                            <div class="goods-img-bg pr">
                                <img class="goods-djimg" id="smallImg" alt="灵魂莲华 亚索" src="./images/fdj.jpg">
                                <div id="smallArea"></div>
                                <div title="查看大图" class="comico btn-goods-zoom pa" id="btn_detail_jzoom_img" href="#hide_detail_jzoom_img">查看大图</div>
                            
                                <div id="bigArea">
                                    <img id="bigImg" src="./images/fdj.jpg" alt="">
                                </div>
                            </div>

                            <ul class="goods-action">
                                <li><a title="收藏商品" class="comico btn-goods-fav collect-btn" id="btn_detail_weibo_collect" href="javascript:;">收藏商品</a></li>
                            </ul>
                        </div>
                        <div class="goodsbuy-box fl">
                            <h2 class="goods-name clearfix">
                                <span class="fl name">灵魂莲华 亚索</span>
                             </h2>
                            <div class="comico goods-bg">
                                <dl>
                                    <dt class=" pt10">Q币价：</dt>
                                    <dd class="txt-line pt10">
                                        <span>79</span>
                                        <span>&nbsp;Q币</span>
                                    </dd>
                                </dl>
                                <dl>
                                     <dt class="fl">微信价：</dt>
                                    <dd class="fl">
                                        <span class="goods-price orange">￥76.63</span>
                                    </dd>
                                </dl>
                            </div>
                            <dl class="pt18">
                                <dt>期限：</dt>
                                <dd id="use_date">永久</dd>
                            </dl>
                            
                            <span class="clearfix" id="blk_detail_main_onsale">
                                <a title="加入购物车" class="fl btnico btn-goods-cart btn-com clearfix" id="btn_detail_main_addcart" href="javascript:;">加入购物车</a>
                                 <a title="赠送" class="fl btnico btn-goods-handsel btn-blue" id="btn_detail_main_grant" href="javascript:;">赠送</a>
                            </span>
                            
                        </div>
                    </div>
                    
                    
                </div>
    
                <!-- 商品详情栏 -->
                <div class="goods-info-box clearfix" id="blk_detail_desc">                
                    <div class="comico info-nav">
                        <a class="focus" id="goods-nav-0" href="javascript:;">商品详情</a>
                        <a class="mobile" href="javascript:;">
                            手机购买<i class="comico i-code"></i>
                            <div class="codeimg">
                                <img width="166" height="174" alt="二维码" src="//js01.daoju.qq.com/common/images/channel/revision/lol/code.png">
                            </div>
                        </a>
                    </div>
                    <div class="goods_tab_0 clear">
                        <p class="dj-detail">灵魂莲华 亚索</p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>

    <!-- 返回顶部栏 -->
    <div class="fixednav">
        <a href="#top"><i class="bg_sp btn_top"></i>返回顶部</a>
        <a href="//crm2.qq.com/page/portalpage/wpa.php?uin=40012345&amp;f=1&amp;ty=1&amp;ap=" target="_blank">反馈</a>
    </div>

    <!-- footer -->
    <footer>
        <section class="footer-con">
            <div class="footer-t">
                <ul>
                    <h2>我是新手</h2>
                    <a href="#"><li>什么是道聚城</li></a>
                    <a href="#"><li>如何购买</li></a>
                    <a href="#"><li>如何赠送</li></a>
                    <a href="#"><li>如何获取聚豆</li></a>
                </ul>
                <ul>
                    <h2>个人中心</h2>
                    <a href="#"><li>发货时间</li></a>
                    <a href="#"><li>如何领取</li></a>
                    <a href="#"><li>补发规则</li></a>
                    <a href="#"><li>Vip价定义</li></a>
                    <a href="#"><li>道具状态定义</li></a>
                </ul>
                <ul>
                    <h2>支付方式</h2>
                    <a href="#"><li>支付方式</li></a>
                    <a href="#"><li>购物点支付</li></a>
                    <a href="#"><li>如何充值</li></a>
                </ul>
                <ul>
                    <h2>腾讯在线服务</h2>
                    <a href="#"><li>腾讯官方在线客服</li></a>
                    <a href="#"><img src="./images/gs_03.jpg" alt=""></a>
                </ul>
                <img class="ma" src="./images/ma.png" alt="">
            </div>

            <div class="footer-b">
                <ul>
                    <p><a href="//ieg.tencent.com" target="_blank">腾讯互动娱乐</a> |
                        <a href="//game.qq.com/contract.shtml" target="_blank">服务条款</a> |
                        <a href="//game.qq.com/privacy_guide.shtml" target="_blank">腾讯游戏隐私保护指引</a> |
                        <a href="//game.qq.com/privacy_guide_children.shtml" target="_blank">腾讯游戏儿童隐私保护指引</a> |
                        <a href="//e.tencent.com/" target="_blank">广告服务</a> |
                        <a href="//game.qq.com/hr/" target="_blank">腾讯游戏招聘</a> |
                        <a href="//kf.qq.com/" target="_blank">腾讯游戏客服</a> |
                        <a href="//game.qq.com/gnav" target="_blank">游戏地图</a> |
                        <a href="https://jiazhang.qq.com/jz/home.html?ADTAG=gamepcbottom" target="_blank">成长守护平台</a> |
                        <a href="//game.qq.com/brand/business.htm" target="_blank">商务合作</a> |
                        <a href="//www.qq.com/map/" target="_blank">网站导航</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a></p>
                </ul>
            </div>
        </section>
    </footer>
</body>

</html>